﻿<div id="container">
	<h1>Contactanos</h1>
	<div class="entry-content cont">
		<div class="conact-info">
			<p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitasem nec massa imperdiet condimentum. Donec ut mauris vel risus rutrum commodo.</p>
			<h2>Formulario de contacto</h2>
			<form class="uniform get-in-touch">
				<div class="i-h"><input name="" type="text" class="validate[required]" /><div class="i-l"><span>Nombre</span></div></div>
				<div class="i-h"><input name="" type="text" class="validate[required]" /><div class="i-l"><span>E-mail</span></div></div>
				<div class="t-h"><textarea name="" id="message1" class="validate[required]"></textarea></div>
				<a href="#" class="button" title="Submit"><span><i class="submit"></i>Enviar mensaje</span></a>
				<a href="#" class="do-clear">Clear</a>
			</form>
		</div>
		<div class="one-fourth cont">
			<p><span class="blue">Tel.:</span> +380 44 233-97-73, 233-77-45</p>
			<p><span class="blue">E-mail:</span> info@forge.com.ua</p>
			<p><span class="blue">Adress:</span> 9 Prorizna st., Kyiv, Ukraine</p>
			<p><span class="blue">Facebook:</span> ForgeCG</p>
			<p><span class="blue">Twitter:</span> ForgeCG</p>
		</div>
		<div class="map">
			<iframe width="702" height="410" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?q=madrid+luna+19&amp;sll=40.422978,-3.707092&amp;hl=es&amp;ie=UTF8&amp;hq=&amp;hnear=Calle+de+la+Luna,+19,+28004+Madrid,+Comunidad+de+Madrid&amp;t=m&amp;ll=40.4232,-3.707628&amp;spn=0.013395,0.030084&amp;z=15&amp;output=embed"></iframe><br /><small><a href="http://maps.google.es/maps?q=madrid+luna+19&amp;sll=40.422978,-3.707092&amp;hl=es&amp;ie=UTF8&amp;hq=&amp;hnear=Calle+de+la+Luna,+19,+28004+Madrid,+Comunidad+de+Madrid&amp;t=m&amp;ll=40.4232,-3.707628&amp;spn=0.013395,0.030084&amp;z=15&amp;source=embed" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
		</div>
	</div>

</div><!-- #container-->

<aside id="aside">
	<div class="widget">
		<div class="header">LATEST TWITTS</div>
		<div class="reviews-t">
			<div class="coda-slider-wrapper">
				<div class="coda-slider preload" id="coda-slider-1">
	  
					<div class="panel">
					<div class="panel-wrapper">
						<p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa imperdiet.<br />
						<span class="blue-date">12 hours ago</span></p>
					</div>
				</div>
  
				<div class="panel">
					<div class="panel-wrapper">
						<p>Vel vitae aptent velit emagna in molestienec. torquent vehicula. Ut varius vestibulum ligula est labore semper   ornare morbi leo porttitor leo.<br />
						<span class="blue-date">5 hours ago</span></p>
					</div>
				</div>       

				<div class="panel">
					<div class="panel-wrapper">
						<p> Nulla aliquam, lacus quis varius porttitor, dolor lorem scelerisque   lorem, vel sagittis purus nisl et lacus. Sagittis fringilla.<br />
						<span class="blue-date">1 days ago</span></p>
					</div>
				</div>
				
				<div class="panel">
					<div class="panel-wrapper">
						<p>In penatibus donec. In venenatis vivamus. Nulla aliquam, lacus quis varius porttitor, dolor lorem scelerisque   lorem, vel sagittis purus nisl et lacus.<br />
						<span class="blue-date">18 hours ago</span></p>
					</div>
				</div>
				
				<div class="panel">
					<div class="panel-wrapper">
						<p>Nonummy a velit. Duis dapibus pulvinar. Aliquam egestas vivamus consectetuer massa imperdiet condimentum.<br />
						<span class="blue-date">4 days ago</span></p>
					</div>
				</div> 
			</div>           
		</div>
		<div class="reviews-b"></div>                   
	</div>
	 <p class="autor twit"><a href="http://twitter.com/#!/premium_theme">@premium_theme</a></p>
	</div>

	<div class="widget">
		<div class="header">POPULAR POSTS</div>
		<div class="post first">
			<a href="#">Nonummy a velit duis dapibus pulvinar aliquam egestas vivamus.</a>
			<div class="goto-post">
				<span class="ico-link date">29 April 2011</span>
				<span class="ico-link likes">144 likes</span>
			</div>
		</div>
		<div class="post">            
			<a href="#">Vestibulum nec aliquam sonec ut mauris vel risus rutrum commodo.</a>
			<div class="goto-post">
				<span class="ico-link date">29 April 2011</span>
				<span class="ico-link likes">144 likes</span>
			</div>
		</div>
		<div class="post last">
			<a href="#">Vivamus dolor pede</a>
			<div class="goto-post">
				<span class="ico-link date">29 April 2011</span>
				<span class="ico-link likes">144 likes</span>
			</div>
		</div>   
	</div>
	<div class="widget">
		<div class="header">NOW WORKING</div>
		<div class="navig-small">
		  <a class="SliderNamePrev" href="javascript:void(0);"></a>
		  <a class="SliderNameNext" href="javascript:void(0);"></a>
		</div>
		<div class="slider_container_1">
			<div class="widget_slider">
				<a href="#1">
					<img src="../images/202x202.jpg" title="#caption-one" width="202" height="202" alt="" />
				</a>
				<a href="#2">
					<img src="../images/202x202-1.jpg" width="202" height="202" alt="" title="#caption-four"  />
				</a>
				<img src="../images/202x202-2.jpg" width="202" height="202" alt="" title="#caption-two" />
				<img src="../images/202x202-3.jpg" width="202" height="202" alt="" title="#caption-three" />
			</div>
			<div id="caption-one" class="nivo-html-caption">
					<p>Curabitur scelerisque mauris quis.</p>
			</div>
			<div id="caption-two" class="nivo-html-caption">
					<p>Placerat ligula scelerisque rutrum.</p>
			</div>
			<div id="caption-three" class="nivo-html-caption">
					<p>In vitae sem nec massa imperdiet.</p>
			</div>
			<div id="caption-four" class="nivo-html-caption">
					<p>Donec ut mauris vel risus rutrum.</p>
			</div>
		</div>
	</div>

</aside><!-- #aside -->
